<!DOCTYPE html>
<!-- 1、在下图中的PHP 1班后面添加上PHP 2班和PHP 3班，在美工 1班后面添加上美工 2班和美工 3班。
 -->
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function add() {
	var ol=document.getElementById("myClass");
	var le=ol.firstChild.nextSibling.cloneNode(false);
	le.innerHTML="PHP2班";
	ol.appendChild(le);
	var le=ol.firstChild.nextSibling.cloneNode(false);
	le.innerHTML="PHP3班";
	ol.appendChild(le);
}
</script>
</head>
<body>
    <ol id="myClass">
    <le>PHP1班</le>
	</ol>
	
	<li id="mc">
	<lei>美工1班</lei>
	</li>
	<input type="button" onclick="add()" value="添加节点">
</body>
</html>